<template>
  <!-- 左侧放大镜区域 -->
  <div class="previewWrap">
    <!--放大镜效果-->
    <BigImg :skuImageList="skuInfo.skuImageList" />
    <Thumbnail :skuImageList="skuInfo.skuImageList" />
  </div>
</template>

<script>
import Thumbnail from "./Thumbnail";
import BigImg from "./BigImg";
import { mapGetters } from "vuex";
export default {
  name: "Zoom",
  components: { Thumbnail, BigImg },
  computed: {
    ...mapGetters("goods", ["skuInfo"]),
  },
};
</script>

<style scoped lang="less">
.previewWrap {
  float: left;
  width: 400px;
  position: relative;
}
</style>